@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "Gothic";
	src: url(gothic.ttf);
}

td {
	margin:0;
	padding:0;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
}

.required-field {
	color:#F00;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}

.color-blue {
	color:#00F;
}

.color-red {
 	color:#F00;
}

.color-grey {
 	color:#888;
}


.display-none {
	display:none;
}

.record-saved-color {
	color:#060;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

.popup-spacer {
	height:12px;
}

.cursor-pointer {
	cursor:pointer;
}

.line-dashed {
	border-bottom:1px dashed #999;
	margin-bottom:8px;
	height:2px;
}

.address-margin-bottom {
	margin-bottom:8px;
}

/* POP UP */

.popup-request {
	display:block;
	display:none;
}

.change-schedule-popup {
	position:fixed;
	top:30%;
	left:25%;
	width:450px;
}
.popup-content-button {
	position:relative;
	margin:0;
	padding:0;
	height:30px;
	border-top:1px dashed #ddd;
}
	.sched-yes-no {
		width:425px;
		position:relative;
		height:20px;
		margin-top:5px;
	}
		.sched-yes {
			color:#FFF;
			background-color:#900;
			padding:2px 6px 2px 6px;
			float:right;
			margin-left:8px;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
			cursor:pointer;
		}
			.sched-yes:hover {
				background-color:#D00;
			}

.table-td-label {
	padding:5px 3px 5px 3px;
	color:#333;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	border-bottom:3px double #DDD;
}
	.table-td-record {
		padding:3px 2px 3px 2px;
		color:#222;
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		border-bottom:1px solid #EEE;
		height:14px;
	}
		.table-td-grey {
			background-color:#f8f8f8;
		}
		
.popup-main-blocker {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:#000;
	opacity:0.3;
	filter:alpha(opacity=3); /* For IE8 and earlier */
	-moz-opacity:0.3;
	z-index:2000;
}
	.popup-main {
		background-color:#FFF;
		position:fixed;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		-webkit-box-shadow: 0px 0px 5px 0px #333;
		-moz-box-shadow: 0px 0px 5px 0px #333;
		box-shadow: 0px 0px 5px 0px #333;
		z-index:2100;
	}
		.popup-main-close {
			position:absolute;
			top:-20px;
			right:-20px;
		}
		
		.popup-main-content {
			border:1px solid #7c0304;
			background-color:#FFF;
			margin:8px;
			z-index:1200;
		}
		
			.popup-content {
				height:auto;
				z-index:1300;
			}
				.popup-content-header {
					background-color:#7c0304;
					padding:3px 0 6px 3px;
					color:#FFF;
					font-family:Verdana, Geneva, sans-serif;
					font-size:12px;
					font-weight:bold;
				}
				
				.popup-content-iframe {
					margin: 4px auto;
					padding:6px;
				}
					.iframe-view {
						border:1px solid #FFF;
						overflow:hidden;
					}
					.iframe-view-print-preview {
						border:1px solid #FFF;
					}
			
	.popup-main-footer {
		background-color:#EEE;
		border-top:1px solid #999;
		height:18px;
		padding:12px;
		color:#000;
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
		font-weight:bold;
	}

/* PROFILE */
.prof-view-name {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#060;
	border-bottom:1px solid #060;
}
.picture-border-view {
	border:1px solid #CCC;
	padding:3px;
	width:106px;
}

/*	FONT STYLE	*/

	.title-frame {
		color:#000;
		font-size:15px;
		font-family:"Gothic", Geneva, sans-serif;
		font-weight:bold;
	}
	
	.title-sub {
		color:#333;
		font-size:11px;
		font-family:Verdana, Geneva, sans-serif;
	}
	
	.message-content {
		border-top:1px solid #EEE;
		padding-top:4px;
		text-align:center;
		color:#2c59ff;
		font-size:11px;
		font-family:Verdana, Geneva, sans-serif;
	}

	.text-input {
		border:1px solid #CCC;
		padding:3px 0 3px 5px;
		font-size:12px;
		width:250px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
	
	.textarea-input {
		border:1px solid #CCC;
		padding:3px 0 3px 5px;
		font-size:12px;
		width:375px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
	
	.submit-input {
		border:1px solid #CCC;
		padding:3px 15px 5px 15px;
		font-size:12px;
		color:#FFF;
		background-color:#7c0304;
		cursor:pointer;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
		.submit-input:hover {
			border:1px solid #8d0708;
		}
	
	.submit-input-green {
		border:1px solid #090;
		padding:3px 15px 5px 15px;
		font-size:12px;
		color:#FFF;
		background-color:#060;
		cursor:pointer;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
		.submit-input-green:hover {
			border:1px solid #030;
		}
	
	.submit-input-grey {
		border:1px solid #999;
		padding:3px 15px 5px 15px;
		font-size:12px;
		color:#333;
		background-color:#DDD;
		cursor:pointer;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
		.submit-input-grey:hover {
			border:1px solid #333;
		}
	
	.search-input {
		border:1px solid #7c0304;
		padding:0 15px 2px 15px;
		font-size:12px;
		color:#FFF;
		background-color:#7c0304;
		cursor:pointer;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
		.search-input:hover {
			background-color:#ac0304;
			border:1px solid #ac0304;
		}
		
		.green {
			background-color:#060;
			border:1px solid #030;
		}
	
	.select-auto-input {
		border:1px solid #CCC;
		padding:3px 5px 3px 5px;
		font-size:12px;
		width:257px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		margin-right:5px;
	}
	
	.select-month-input {
		border:1px solid #CCC;
		padding:3px 5px 3px 5px;
		font-size:12px;
		width:125px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		margin-right:5px;
	}
		
	.select-day-input {
		border:1px solid #CCC;
		padding:3px 0 3px 5px;
		font-size:12px;
		width:50px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		margin-right:5px;
	}
		
	.select-year-input {
		border:1px solid #CCC;
		padding:3px 0 3px 5px;
		font-size:12px;
		width:50px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		margin-right:5px;
	}
	
	
	
		.text-input:hover,
		.textarea-input:hover,
		.select-month-input:hover,
		.select-day-input:hover,
		.select-year-input:hover {
			border:1px solid #ffa7a7;
			background-color:#FCFCFC;
		}
	
	/* CHANGE FILE BROWSE */
	
	.button-upload {
		border:1px solid #7c0304;
		padding:5px 0 5px 5px;
		color:#FFF;
		width:295px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		background:#a50a0a;
		background: -moz-linear-gradient(top,  #dc1214 0%, #a50a0a 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc1214), color-stop(100%,#a50a0a));
		background: -webkit-linear-gradient(top,  #dc1214 0%,#a50a0a 100%);
		background: -o-linear-gradient(top,  #dc1214 0%,#a50a0a 100%);
		background: -ms-linear-gradient(top,  #dc1214 0%,#a50a0a 100%);
		background: linear-gradient(top,  #dc1214 0%,#a50a0a 100%);
		position:relative;
	}
		
		.button-file-text {
			width:1500px;
			margin-left:62px;
			overflow:hidden;
		}
		
		.button-file-button {
			padding:3px 0 3px 0;
			width:60px;
			background-color:#EEE;
			color:#000;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
			position:absolute;
			left:3px;
			top:2px;
			text-align:center;
			cursor:pointer;
		}
			.button-file-upload:hover {
				background-color:#FFF;
			}
		
		.file-upload-input {
			width:300px;
			opacity:0;
			filter:alpha(opacity=0);
			-moz-opacity:0;
			border:1px solid #FFF;
			position:absolute;
			left:0;
			top:-3px;
		}
		
		

/*POP UP DELETE */ 

		/*.delete-button {
			width: 192px;
			background:#FFF;
			position: relative;
			-moz-border-radius:    3px;
			-webkit-border-radius: 3px;
			border-radius:         3px;
			position:absolute;
			top:-8px;
			left:48px;
			padding:6px 8px 6px 8px;
			border:1px solid #999;
			display:none;
			-webkit-box-shadow: 0 0 5px 0 #000;
			-moz-box-shadow: 0 0 5px 0 #000;
			box-shadow: 0 0 5px 0 #000;
			z-index:500;
		}
			.delete-button:before  {
				content:"";
				position: absolute;
				left: -7px;
				top: 7px;
				width: 0px;
				height: 0;
				border-top: 7px solid transparent;
				border-bottom: 7px solid transparent;
				border-right: 7px solid #FFF;
			}
			
				.delete-label {
					float:left;
					margin-right:8px;
					border:1px silod #000;
					padding:2px 0 2px 0;
				}
			
				.delete-yes-no {
					float:left;
					padding:2px 5px 2px 5px;
					-moz-border-radius:    2px;
					-webkit-border-radius: 2px;
					border-radius:         2px;
					background-color:#dc1214;
					margin-left:6px;
					border:1px silod #000;
					color:#FFF;
				}
			
					.delete-yes-no:hover {
						background-color:#8d0708;
					}*/
/* ANNOUNCEMENT VIEW */
.announcement-top {
	margin:0;
	padding-bottom:3px;
	border-bottom:1px dashed #CCC;
}
	.announcement-title {
		font-size:15px;
		font-family:Arial, Geneva, sans-serif;
		font-weight:bold;
	}
	.announcement-time {
		font-size:10px;
		font-family:Arial, Geneva, sans-serif;
		color:#060;
	}
	
p {
	margin:0;
	padding:0;
}
.announcement-description {
    overflow: hidden;
	padding:5px 0 5px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	width:486px;
	height:330px;
	border-bottom:1px dashed #CCC;
	
}

.print-preview-subject {
	padding:5px 0 5px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	border-bottom:1px dashed #CCC;
	background-color:#FFF;
	
}
	.rp-body-button {
		padding:8px;
		border-bottom:1px dashed #666;
		margin-bottom:5px;
		background-color:#f3f3f3;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#00F;
	}
	

	
	.requisite-hide-handle {
		height:18px;
		position:relative;
		margin-top:-15px;
	}
		.requisite-hide {
			width:37px;
			height:13px;
			position:absolute;
			top:3px;
			right:3px;
			background-color:#FFF;
			padding-left:3px;
			cursor:pointer;
			z-index:600;
		}
	
	.subject-taken-label {
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#00F;
		margin-bottom:8px;
	}
		.subject-taken-value-line {
			background-color:#EEE;
		}
		
		.subject-taken-value {
			padding-bottom:2px;
			padding-top:2px;
			border-bottom:1px dashed #DDD;
		}
		
.change-section-button {
	background-color:#EEE;
	color:#090;
	font-weight:bold;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	width:740px;
	padding:5px;
	margin-bottom:5px;
	cursor:pointer;
}		
	.change-section-button:hover {
		text-decoration:underline;
		background-color:#EDE;
	}
	
	.set-div-sched {
		padding:4px 3px 4px 4px;
		border-top:1px dashed #666;
	}
		.set-div-sched-div {
			height:25px;
			width:445px;
			margin:auto;
		}
			
				.set-div-sched-div ul {
					list-style:none;
					padding:0px;
					margin:0px;
				}
					.set-div-sched-div ul li {
						float:left;
						margin-right:15px;
						cursor:pointer;
					}
					
	.preview-schedule {
		color:#03F;
		border:1px solid #999;
		padding:5px;
		font-size:13px;
		font-family:Tahoma, Geneva, sans-serif;
		margin-bottom:5px;
		text-align:center;
		font-weight:bold;
		background-color:#EEE;
	}
		.preview-schedule span {
			color:#F00;
			font-size:11px;
			text-decoration:underline;
			cursor:pointer;
		}
			.preview-schedule span.font-green {
				color:#060;
				font-size:11px;
				text-decoration:underline;
				cursor:pointer;
			}
.preview-schedule-waiting {
	color:#666;
	margin-top:5px;
	font-weight:normal;
}
	
	
	
	.semester-sy {
		width:495px;
		border-bottom:1px dashed #CCC;
		padding-bottom:5px;
	}
		.semester-sy .label {
			text-align:center;
			font-style:italic;
			margin-bottom:4px;
			font-size:12px;
		}
		.semester-sy .value {
			text-align:center;
			font-weight:bold;
		}
		
	.next-semester {
		margin-top:8px;
		width:495px;
	}
		.next-semester .label {
			text-align:center;
			font-weight:bold;
			font-size:18px;
			color:#03F;
			margin-bottom:8px;
		}
		.next-semester .label-2 {
			text-align:center;
			font-weight:bold;
			font-size:16px;
			color:#060;
			margin-bottom:12px;
		}
		.next-semester .catcha {
			width:140px;
			margin:auto;
			margin-bottom:5px;
		}
			.next-semester .img-catcha {
				border:1px solid #999;	
			}
		.next-semester .input {
			width:200px;
			margin:auto;
			margin-bottom:3px;
		}
			.next-semester .input .text-input {
				text-align:center;
				width:100px;
				font-size:15px;
				font-weight:bold;
			}
	
	